<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="css/swiper-bundle.css" />
  <link rel="stylesheet" href="css/common.css" />
  <link rel="stylesheet" href="css/main.css" />
  <link rel="stylesheet" href="css/index.css" />
  <link rel="stylesheet" href="css/list.css" />
  <link rel="stylesheet" href="css/details.css" />
  <title>海房优选</title>
</head>

<body>
  <div class="header">
    <div class="bd">
      <div class="top">
        <div class="logo">
          <a href="index.html"><img src="images/logo_1.png" alt="" /></a>
        </div>
        <div class="menu">
          <ul class="menu_list">
            <li class="on"><a href="javascript:void(0)">写字楼租售</a></li>
            <li><a href="javascript:void(0)">产业园区租售</a></li>
            <li><a href="javascript:void(0)">公寓出租</a></li>
            <li><a href="javascript:void(0)">广告投放</a></li>
            <li><a href="javascript:void(0)">关于海房优选</a></li>
          </ul>
          <div class="search search_dialog">
            <dl>
              <dt><img src="images/search_1.png" alt="" /></dt>
              <dd><input type="text" placeholder="请输入关键字" /></dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="detail_box">
    <div class="bd">
      <div class="crumb">
        <a href="index.html">首 页</a>
        <u></u>
        <a href="javascript:void(0)">房源租售</a>
        <u></u>
        <a href="javascript:void(0)">出 租</a>
        <u></u>
        <a href="javascript:void(0)">奥北科技园</a>
      </div>
      <div class="detail">
        <div class="detail_title">
          <span>奥北科技园 2层 精装修 2006</span>
          <u>停车位充足</u>
          <u>商圈内</u>
          <u>地铁步行五分钟</u>
        </div>
        <div class="detail_swiper_content">
          <div class="detail_swiper">
            <div class="swiper gallery-top">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <a href="javascript:void(0)"><img src="images/house_1.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)"><img src="images/house_2.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)"><img src="images/house_3.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)"><img src="images/house_4.jpg" alt="" /></a>
                </div>
              </div>
            </div>
            <div class="swiper gallery-thumbs">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <a href="javascript:void(0)" class="thumbs"><img src="images/house_1.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)" class="thumbs"><img src="images/house_2.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)" class="thumbs"><img src="images/house_3.jpg" alt="" /></a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:void(0)" class="thumbs"><img src="images/house_4.jpg" alt="" /></a>
                </div>
              </div>
            </div>
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
          </div>
          <div class="detail_content">
            <div class="dc_info dc_1">
              <dl><span>9</span><em>元/㎡/天</em></dl>
              <dl><span>102600</span><em>元/月</em></dl>
            </div>
            <div class="dc_info dc_2">
              <table style="width: 100%">
                <tr>
                  <td style="width: 15%">
                    <h3>
                      <strong>380</strong><u>m<sup>2</sup></u>
                    </h3>
                    <h6>房源面积</h6>
                  </td>
                  <td style="width: 70%">
                    <h3><strong>60-90</strong></h3>
                    <h6>可容纳工位数</h6>
                  </td>
                  <td>
                    <h3><strong>可注册</strong></h3>
                    <h6>工商注册</h6>
                  </td>
                </tr>
              </table>
            </div>
            <div class="dc_info dc_3">
              <table style="width: 100%">
                <tr>
                  <td style="width: 70%">
                    <h3>
                      <span>地址：</span><u>海淀大街18号</u><img class="location" src="images/location_1.png" alt="" />
                    </h3>
                  </td>
                  <td style="width: 30%">
                    <h3><span>区划：</span><u>四季青</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td>
                    <h3>
                      <span>地铁：</span><u>10号线 14号线 中关村南站</u>
                    </h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 35%">
                    <h3><span>总层数：</span><u>9</u></h3>
                  </td>
                  <td style="width: 35%">
                    <h3><span>地上：</span><u>6</u></h3>
                  </td>
                  <td>
                    <h3><span>地下：</span><u>3</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 35%">
                    <h3>
                      <span>总面积：</span><u>2800m<sup>2</sup></u>
                    </h3>
                  </td>
                  <td style="width: 35%">
                    <h3>
                      <span>每层面积：</span><u>600m<sup>2</sup></u>
                    </h3>
                  </td>
                  <td>
                    <h3><span>绿化容积：</span><u>50%</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 35%">
                    <h3><span>客梯数：</span><u>20部</u></h3>
                  </td>
                  <td style="width: 35%">
                    <h3><span>品牌：</span><u>施耐德</u></h3>
                  </td>
                  <td>
                    <h3><span>车位：</span><u>300+</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 70%">
                    <h3><span>开发商：</span><u>北京建工集团二分局</u></h3>
                  </td>
                  <td>
                    <h3><span>竣工：</span><u>2010年</u></h3>
                  </td>
                </tr>
              </table>
              <table style="width: 100%">
                <tr>
                  <td style="width: 50%">
                    <h3>
                      <span>物业公司：</span><u>通达物业管理有限公司</u>
                    </h3>
                  </td>
                </tr>
              </table>
            </div>
            <div class="dc_contact">
              <div class="detail_contact">
                <dl>
                  <dt>预约看房</dt>
                  <dd>
                    <span>联系方式</span>
                    <input type="text" placeholder="请输入手机号" />
                    <button>立即预约</button>
                  </dd>
                </dl>
              </div>
              <div class="detail_remark">
                直通金牌顾问，第一时间与您取得联系
              </div>
            </div>
          </div>
        </div>
        <div class="list_panel">
          <div class="list_left">
            <div class="detail_inner">
              <div class="details_title">
                奥北科技园 其他可租房原 共 <strong>23</strong> 套
              </div>
              <div class="detail_tags">
                <span class="on">全部</span>
                <span>100m<sup>2</sup>以下</span>
                <span>100-300m<sup>2</sup>以下</span>
                <span>300-500m<sup>2</sup>以下</span>
                <span>500-700m<sup>2</sup>以下</span>
                <span>700-1000m<sup>2</sup>以下</span>
                <span>1000m<sup>2</sup>以上</span>
              </div>
              <ul class="detail_house_list">
                <li>
                  <dl>
                    <dt><img src="images/house_1.jpg" alt="" /></dt>
                    <dd>
                      <div class="dhl_center">
                        <h3>
                          <span>280<em>m<sup>2</sup></em></span>
                          <span>9<em>元/m<sup>2</sup>/天</em></span>
                          <span>102600<em>元/月</em></span>
                        </h3>
                        <p>约47-94个工位<u>|</u>豪华装修<u>|</u>可注册</p>
                      </div>
                      <h4>
                        <span>停车位充足</span>
                        <span>商圈内</span>
                        <span>地铁步行五分钟</span>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/house_2.jpg" alt="" /></dt>
                    <dd>
                      <div class="dhl_center">
                        <h3>
                          <span>280<em>m<sup>2</sup></em></span>
                          <span>9<em>元/m<sup>2</sup>/天</em></span>
                          <span>102600<em>元/月</em></span>
                        </h3>
                        <p>约47-94个工位<u>|</u>豪华装修<u>|</u>可注册</p>
                      </div>
                      <h4>
                        <span>停车位充足</span>
                        <span>商圈内</span>
                        <span>地铁步行五分钟</span>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/house_3.jpg" alt="" /></dt>
                    <dd>
                      <div class="dhl_center">
                        <h3>
                          <span>280<em>m<sup>2</sup></em></span>
                          <span>9<em>元/m<sup>2</sup>/天</em></span>
                          <span>102600<em>元/月</em></span>
                        </h3>
                        <p>约47-94个工位<u>|</u>豪华装修<u>|</u>可注册</p>
                      </div>
                      <h4>
                        <span>停车位充足</span>
                        <span>商圈内</span>
                        <span>地铁步行五分钟</span>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/house_4.jpg" alt="" /></dt>
                    <dd>
                      <div class="dhl_center">
                        <h3>
                          <span>280<em>m<sup>2</sup></em></span>
                          <span>9<em>元/m<sup>2</sup>/天</em></span>
                          <span>102600<em>元/月</em></span>
                        </h3>
                        <p>约47-94个工位<u>|</u>豪华装修<u>|</u>可注册</p>
                      </div>
                      <h4>
                        <span>停车位充足</span>
                        <span>商圈内</span>
                        <span>地铁步行五分钟</span>
                      </h4>
                    </dd>
                  </dl>
                </li>
              </ul>
              <div class="details_more">
                <a href="javascript:void(0)">查看更多</a>
              </div>
              <div class="details_title">奥北科技园楼盘介绍</div>
              <div class="detail_intro">
                <p>
                  中国国际广场是KPF在北京的首部力作，世界独一无二的双曲摩天大厦，由中国中钢接团冠名独立拥有，位于中关村广场核心位置，占据了不可多得的优势，建筑外形中中国国际广场是KPF在北京的首部力作中国国际广场是KPF在北京的首部力作
                </p>
              </div>
              <div class="details_title">奥北科技园入驻企业</div>
              <div class="detail_image">
                <img src="images/details_intro_1.jpg" alt="" />
              </div>
              <div class="details_title" style="border-color: #efefef">
                奥北科技园周边配套
              </div>
              <div class="detail_map">
                <div class="detail_map_tabs">
                  <div class="dmt_left">
                    <span class="on">交通</span>
                    <span>教育</span>
                    <span>医疗</span>
                    <span>生活</span>
                  </div>
                  <div class="dmt_right">
                    <span>周边500m</span>
                    <span class="on">周边1Km</span>
                  </div>
                </div>
                <div class="detail_image">
                  <img src="images/details_intro_2.jpg" alt="" />
                </div>
              </div>
              <div class="details_title" style="border-color: #efefef">
                奥北科技园周边楼盘推荐
              </div>
              <ul class="detail_recommand">
                <li>
                  <dl>
                    <dt><img src="images/company_1.jpg" alt="" /></dt>
                    <dd>
                      <h3>中关村国际创客中心</h3>
                      <h4>
                        <strong>4-6.5</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/company_2.jpg" alt="" /></dt>
                    <dd>
                      <h3>E世界财富中心</h3>
                      <h4>
                        <strong>3-7</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/company_3.jpg" alt="" /></dt>
                    <dd>
                      <h3>中国电子大厦</h3>
                      <h4>
                        <strong>5-100</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/company_4.jpg" alt="" /></dt>
                    <dd>
                      <h3>普天大厦</h3>
                      <h4>
                        <strong>5-10</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/company_5.jpg" alt="" /></dt>
                    <dd>
                      <h3>四通大厦</h3>
                      <h4>
                        <strong>5-10</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt><img src="images/house_1.jpg" alt="" /></dt>
                    <dd>
                      <h3>中关村梦想实验室</h3>
                      <h4>
                        <strong>5</strong>
                        <em>元/㎡/天</em>
                      </h4>
                    </dd>
                  </dl>
                </li>
              </ul>
            </div>
          </div>
          <div class="list_right">
            <div class="recommend_pic">
              <dl><img src="images/aside_1.jpg" alt="" /></dl>
              <dl><img src="images/aside_2.jpg" alt="" /></dl>
            </div>
            <div class="recommend_ranks">
              <h3>优选排⾏</h3>
              <ul>
                <ol>
                  <h3>新时代国际中心</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_1.png" alt="" />
                </ol>
                <ol>
                  <h3>裕恒时代科技大厦</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_2.png" alt="" />
                </ol>
                <ol>
                  <h3>中关村8号</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_3.png" alt="" />
                </ol>
                <ol>
                  <h3>丰云汇中心</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_4.png" alt="" />
                </ol>
                <ol>
                  <h3>新东方科技大厦</h3>
                  <h4>中关村-海淀大街8号</h4>
                  <h5><span>13</span><em>元/m<sup>2</sup>/天</em></h5>
                  <img src="images/ranks_5.png" alt="" />
                </ol>
              </ul>
            </div>
            <div class="recommend_pic">
              <dl><img src="images/aside_3.jpg" alt="" /></dl>
              <dl><img src="images/aside_4.jpg" alt="" /></dl>
            </div>
            <div class="recommend_hot">
              <h3>政策中心</h3>
              <ul>
                <li>
                  <span>政策解读</span>
                  <em>|</em>
                  <u>首次购房和二次购房的区别，第一套房卖掉再买属于第几套？</u>
                </li>
                <li>
                  <span>行业资讯</span>
                  <em>|</em>
                  <u>25年1月1日起，北京存量房公积金贷款利率将下调！</u>
                </li>
                <li>
                  <span>产业新闻</span>
                  <em>|</em>
                  <u>新政来了！购买家庭唯一及第二套住房，不超缴纳契税</u>
                </li>
                <li>
                  <span>产业新闻</span>
                  <em>|</em>
                  <u>中国银行：11月1日起可受理客户申请调整存量房贷利率加点值和重定价周期</u>
                </li>
                <li>
                  <span>优选咨询</span>
                  <em>|</em>
                  <u>下降25个基点！LPR迎来年内第三次调整</u>
                </li>
              </ul>
            </div>
            <div class="list_more">
              <div class="more">
                <a href="javascript:void(0)"><span>查看更多</span><i></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="foot">
    <div class="bd">
      <div class="foot_box">
        <div class="foot_panel">
          <div class="fp_left">
            <dl>
              <dt><img src="images/logo_2.png" alt="" /></dt>
              <dd>
                <h3>客服电话</h3>
                <h5>4008-666-888</h5>
              </dd>
            </dl>
          </div>
          <div class="fp_right">
            <dl>
              <dt><img src="images/code_1.png" alt="" /></dt>
              <dd><img src="images/code_2.png" alt="" /></dd>
            </dl>
          </div>
        </div>
        <div class="copyright">
          ©2025 北京海房优选房地产经纪有限公司 京ICP备20025040号-1 京公网安备
          11010502040384号 京经纪（2015）第8360号
        </div>
      </div>
    </div>
  </div>
  <div class="aside aside_1">
    <img src="images/ad_1.jpg" alt="" />
  </div>
  <div class="aside aside_2">
    <img src="images/ad_2.jpg" alt="" />
  </div>
  <div class="dialog" style="display: none">
    <div class="dialog_panel">
      <ul class="dialog_search_tabs">
        <li class="on">写字楼</li>
        <li>产业园区</li>
        <li>公寓</li>
      </ul>
      <div class="dialog_search_input">
        <dl>
          <dt><input type="text" placeholder="" /></dt>
          <dd><button>搜索房源</button></dd>
        </dl>
      </div>
      <div class="dialog_search_tags">
        <dl>
          <dt>商圈</dt>
          <dd>
            <span>中关村</span>
            <span>北太平庄</span>
            <span>花园路</span>
            <span>西三旗</span>
          </dd>
        </dl>
        <dl>
          <dt>面积</dt>
          <dd>
            <span>30-60m <sup>2</sup></span>
            <span>60-80m<sup>2</sup></span>
            <span>80-120m<sup>2</sup> </span>
            <span>120-200m<sup>2</sup></span>
          </dd>
        </dl>
        <dl>
          <dt>位置</dt>
          <dd>
            <span>学院路</span>
            <span>八里庄</span>
            <span>紫竹院</span>
            <span>四季青</span>
          </dd>
        </dl>
        <dl>
          <dt>选择</dt>
          <dd>
            <span>200-300m<sup>2</sup></span>
            <span>300-500m<sup>2</sup></span>
            <span>500-800m<sup>2</sup> </span>
            <span>800m<sup>2</sup>以上</span>
          </dd>
        </dl>
      </div>
    </div>
  </div>
</body>

<script src="js/jquery.js"></script>
<script src="js/swiper-bundle.js"></script>
<script src="js/fun.js"></script>
<script>
  $(function () {
    var galleryTop = new Swiper(".gallery-top", {
      spaceBetween: 10,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
      thumbs: {
        swiper: {
          el: ".gallery-thumbs",
          spaceBetween: 10,
          slidesPerView: 4,
          freeMode: true,
          watchSlidesVisibility: true,
          watchSlidesProgress: true,
        },
      },
    });
  });
</script>

</html>